.home {
    height: calc(100% - 200px);
    width: 100%;
    .body {
        height: 100%;
        color: white;
        padding: 15px;
        .title {
            font-size: 28px;
            margin-bottom: 20px;
            text-align: left;
            padding-left: 10px;
            border-left: 10px solid #333;
            border-image: -webkit-linear-gradient(top, #09f 40%, #fff 80%) 0 0 0 100;
            font-weight: bold;
            height: 50px;
            line-height: 50px;
        }
    }
}
.dialogBox-w{
    position:absolute;left:0px;top:0px;
    background:rgba(0, 0, 0, 0.4);
    width:100%;  /*宽度设置为100%，这样才能使隐藏背景层覆盖原页面*/
    height:100%;
    z-Index:999;
    .dialogBox {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      background: #001C58;
      width: 46%;
      box-shadow: 0px 0px 30px #1797E7;
      border-radius: 1%;
      color: white;
      .title{
          font-size: 26px;
          position: absolute;
          left: 40px;
          top: 20px;
          font-weight: bold;
      }
      .close{
        position: absolute;
        right: 10px;
        top:10px;
        cursor: pointer;
        .icon{
          font-size: 42px;
        }
      }
      .block-w{
        display: inline-block;
        width: 1200px;
        height:14rem; 
        overflow:auto;
        margin:1rem 0;
        font-size: 0.4rem;
        .status{
            float:right;
            font-size:0.32rem;
            font-weight: bold;
            margin-right: 10px;
        }
        .add{
            margin-top: 0.2rem;
            width:100%;
            text-align: left;
            .addul{
                width: 100%;
                list-style-type: none;
                margin: 0;
                padding: 0;
                li{
                    height: 40px;
                    padding: 5px 30px;
                    margin-right: 20px;
                    margin-bottom: 5px;
                    margin-top: 5px;
                    display: inline;
                    float: left;
                    line-height: 40px;
                    background-color: #00a9f2;
                    color: #fff;
                    border: solid 1px #00a9f2;
                    font-size: 0.32rem;
                    cursor: pointer;
                    border-radius: 5px;
                }
                li.active{
                    background-color: #114784;
                    border: solid 1px #114784;
                }
                li.noclass{
                    background-color: transparent;
                    border: 0;
                    margin: 0;
                    padding: 0;
                    padding-right: 20px;
                }
            }
        }
        .block{
          display: inline-block;
          flex-direction: column;
          align-items: center;
          width: 540px;
          height: 300px;
          background: #09f;
          margin-bottom: 20px;
          margin-right: 15px;;
          cursor: pointer;
          .block-top{
            text-align: left;
            font-size: 32px;
            width: 480px;
            padding:25px 30px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-weight: bold;
          }
          .block-bot{
            display: inline-block;
            font-size: 26px;
            width: 480px;
            padding:5px 30px;
            text-align: left;
            span{
              height: 40px;
              line-height: 40px;
            }
          }
        }
        .active{
          background: #002752;
        }
      }
      .footer{
          height: 1.5rem;
          line-height: 1.5rem;
          width: 100%;
          text-align: center;
          .button{
              width: 2rem;
              height: 0.7rem;
              font-size: 0.3rem;
          }
      }
      .info-w{
        -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
        box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
        padding:30px 10px 50px;
      }
    }
  }